body{
    background: #F8F8F8;
    }

.view1{
    margin: 0 auto;
    font-size: 30rpx;
    padding: 10rpx;
    margin: 20rpx;
    background: white;
    view{
        text-align: center;
        margin: 15rpx;
    }
    view:nth-child(2){
        text-align: center;
        font-size: 60rpx;
    }
    button{
        font-size: 30rpx;
        width: 300rpx;
        height: 60rpx;
        line-height: 60rpx;
    }
}

.view2{
    border: 1rpx solid #C1C1C1;
    margin: 20rpx;
    font-size: 30rpx;
    background: white;
    border-radius: 10rpx;
    view{
        height: 60rpx;
        line-height: 60rpx;
        border-bottom: 1rpx solid #C1C1C1;
        padding:0 20rpx;
        display: flex;
        justify-content: space-between;
    }
}

.view3{
    border: 1rpx solid #C1C1C1;
    margin: 20rpx;
    font-size: 30rpx;
    background: white;
    border-radius: 10rpx;
    view{
        height: 60rpx;
        line-height: 60rpx;
        border-bottom: 1rpx solid #C1C1C1;
        padding:0 20rpx;
        display: flex;
        justify-content: space-between;
    }
}

.view4{
    border: 1rpx solid #C1C1C1;
    margin: 20rpx;
    font-size: 30rpx;
    background: white;
    border-radius: 10rpx;
    view:nth-child(1){
        margin-left: 20rpx;
    }
    .view4-1{
        margin: 0 20rpx;
        view{
            margin: 20rpx 0;
        }
        view:nth-child(1){
            font-weight: 600;
        }
    }
}

.view5{
    display: flex;
    width: 100%;
    button{
        width: 50%;
        border: 1px solid #59B58D;
        color: #59B58D;
        border-radius: 0;
    }
    button:nth-child(2){
        background: #59B58D;
        color: white;
        border-left: 0;
    }
}